<style>

    /* 页面标题区 */
    .page-header {
        background-color: var(--primary-light);
        padding: 3rem 0 2rem;
        margin-bottom: 2rem;
        position: relative;
        overflow: hidden;
    }

    .page-header::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23e63946' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        z-index: 0;
    }

    .page-header .header-content {
        position: relative;
        z-index: 1;
    }

    .page-header .page-title {
        font-size: 2.2rem;
        font-weight: 700;
        color: var(--secondary);
        margin-bottom: 0.5rem;
    }

    .page-header .page-description {
        font-size: 1.1rem;
        color: var(--gray);
        max-width: 800px;
    }

    /* 隐私政策内容区域 */
    .privacy-section {
        margin-bottom: 4rem;
    }

    .privacy-section .privacy-container {
        background-color: white;
        border-radius: 12px;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
        padding: 3rem;
    }

    .privacy-section .privacy-header {
        margin-bottom: 2rem;
        padding-bottom: 1.5rem;
        border-bottom: 1px solid var(--light-gray);
    }

    .privacy-section .privacy-date {
        color: var(--gray);
        font-size: 0.95rem;
    }

    .privacy-section .privacy-content h3 {
        font-size: 1.5rem;
        color: var(--secondary);
        margin: 2rem 0 1rem;
        font-weight: 600;
    }

    .privacy-section .privacy-content h4 {
        font-size: 1.2rem;
        color: var(--secondary);
        margin: 1.5rem 0 0.8rem;
        font-weight: 600;
    }

    .privacy-section .privacy-content p {
        margin-bottom: 1rem;
        color: #555;
    }

    .privacy-section .privacy-content ul {
        margin-bottom: 1.5rem;
        padding-left: 1.5rem;
    }

    .privacy-section .privacy-content li {
        margin-bottom: 0.5rem;
        color: #555;
    }

    .privacy-section .highlight {
        color: var(--primary);
        font-weight: 500;
    }

    /* 隐私条款导航 */
    .privacy-nav {
        position: sticky;
        top: 2rem;
        background-color: white;
        border-radius: 8px;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
        padding: 1.5rem;
        height: fit-content;
    }

    .privacy-nav .nav-title {
        font-weight: 600;
        color: var(--secondary);
        margin-bottom: 1rem;
        padding-bottom: 0.5rem;
        border-bottom: 2px solid var(--primary-light);
    }

    .privacy-nav .privacy-links {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .privacy-nav .privacy-links li {
        margin-bottom: 0.8rem;
    }

    .privacy-nav .privacy-links a {
        color: var(--gray);
        text-decoration: none;
        transition: var(--transition);
        display: block;
        padding: 0.3rem 0;
        font-size: 0.95rem;
    }

    .privacy-nav .privacy-links a:hover, .privacy-nav .privacy-links a.active {
        color: var(--primary);
        padding-left: 5px;
    }

    /* 数据安全说明 */
    .privacy-section .security-notice {
        background-color: #f8fafc;
        border-left: 4px solid var(--primary);
        padding: 1.5rem;
        margin: 2rem 0;
        border-radius: 0 8px 8px 0;
    }

    .privacy-section .security-title {
        display: flex;
        align-items: center;
        gap: 10px;
        color: var(--secondary);
        font-weight: 600;
        margin-bottom: 0.5rem;
    }

    /* 确认区域 */
    .privacy-actions {
        margin-top: 3rem;
        padding-top: 2rem;
        border-top: 1px solid var(--light-gray);
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        gap: 1rem;
    }

    .privacy-actions .action-checkbox {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .privacy-actions .form-check-input:checked {
        background-color: var(--primary);
        border-color: var(--primary);
    }

    .privacy-actions .btn-primary {
        background-color: var(--primary);
        border-color: var(--primary);
        padding: 0.7rem 2rem;
        font-weight: 500;
        border-radius: 8px;
        transition: var(--transition);
    }

    .privacy-actions .btn-primary:hover {
        background-color: #d62828;
        border-color: #d62828;
    }

    .privacy-actions .btn-outline-secondary {
        padding: 0.7rem 2rem;
        font-weight: 500;
        border-radius: 8px;
    }

    /* 响应式调整 */
    @media (max-width: 992px) {
        .privacy-nav {
            position: static;
            margin-bottom: 2rem;
        }

        .privacy-section .privacy-container {
            padding: 2rem;
        }
    }

    @media (max-width: 768px) {
        .page-header .page-title {
            font-size: 1.8rem;
        }

        .privacy-actions {
            flex-direction: column;
            align-items: flex-start;
        }

        .privacy-section .privacy-container {
            padding: 1.5rem;
        }
    }
</style>


<!-- 页面标题区 -->
<section class="page-header">
    <div class="container">
        <div class="header-content">
            <h1 class="page-title">隐私政策</h1>
            <p class="page-description">
                我们重视您的隐私保护。本政策旨在说明我们如何收集、使用、存储和保护您的个人信息，以及您享有的相关权利。
            </p>
        </div>
    </div>
</section>

<!-- 隐私政策内容 -->
<section class="privacy-section">
    <div class="container">
        <div class="row gap-6">
            <!-- 隐私条款导航 -->
            <div class="col-lg-3 d-none d-lg-block">
                <div class="privacy-nav">
                    <h3 class="nav-title">隐私条款导航</h3>
                    <ul class="privacy-links">
                        <li><a href="#introduction" class="active">引言</a></li>
                        <li><a href="#collection">信息收集</a></li>
                        <li><a href="#usage">信息使用</a></li>
                        <li><a href="#disclosure">信息披露</a></li>
                        <li><a href="#storage">信息存储</a></li>
                        <li><a href="#security">安全保护</a></li>
                        <li><a href="#user-rights">用户权利</a></li>
                        <li><a href="#third-parties">第三方服务</a></li>
                        <li><a href="#children">未成年人保护</a></li>
                        <li><a href="#changes">政策变更</a></li>
                        <li><a href="#contact">联系我们</a></li>
                    </ul>
                </div>
            </div>

            <!-- 隐私政策正文 -->
            <div class="col-lg-9">
                <div class="privacy-container">
                    <div class="privacy-header">
                        <h2>红包社交平台隐私政策</h2>
                        <p class="privacy-date">生效日期：2023年1月1日 | 版本号：V2.0</p>
                    </div>

                    <div class="privacy-content">
                        <div class="security-notice">
                            <div class="security-title">
                                <i class="fas fa-shield-alt"></i>
                                <span>您的隐私对我们至关重要</span>
                            </div>
                            <p>我们承诺采取严格的安全措施保护您的个人信息，并仅在法律允许和您同意的范围内使用这些信息。</p>
                        </div>

                        <h3 id="introduction">一、引言</h3>
                        <p>1.1
                            本隐私政策（以下简称"本政策"）适用于您使用红包社交平台（以下简称"本平台"）提供的所有服务。本政策旨在向您说明我们如何收集、使用、存储、保护您的个人信息，以及您享有的与个人信息相关的权利。</p>
                        <p>1.2 请您在使用本平台前仔细阅读并理解本政策。您使用或继续使用本平台服务，即表示您同意我们按照本政策收集、使用、存储和保护您的个人信息。</p>
                        <p>1.3 本政策是《服务协议》的重要组成部分，如本政策与《服务协议》有不一致之处，以本政策为准。</p>

                        <h3 id="collection">二、信息收集</h3>
                        <p>2.1 我们收集的信息包括：</p>
                        <h4>2.1.1 您主动提供的信息</h4>
                        <ul>
                            <li>注册信息：包括您在注册账号时提供的姓名、手机号码、电子邮箱、设置的密码等</li>
                            <li>个人资料：包括您在完善个人资料时提供的头像、昵称、性别、生日、兴趣爱好等</li>
                            <li>反馈信息：包括您通过客服、留言等方式向我们提供的意见、建议、投诉等</li>
                            <li>交易信息：包括您使用本平台进行红包领取、消费等行为产生的相关信息</li>
                        </ul>

                        <h4>2.1.2 我们自动收集的信息</h4>
                        <ul>
                            <li>设备信息：包括您使用的设备型号、操作系统、唯一设备标识符、网络信息等</li>
                            <li>使用信息：包括您访问本平台的时间、地点、浏览的内容、点击的链接、停留时长等</li>
                            <li>位置信息：在您同意的情况下，我们可能收集您的精确位置信息或大致位置信息，以提供基于位置的服务</li>
                            <li>日志信息：包括您的IP地址、浏览器类型、访问日期和时间等</li>
                        </ul>

                        <h3 id="usage">三、信息使用</h3>
                        <p>3.1 我们将收集的信息用于以下目的：</p>
                        <ul>
                            <li>为您提供并优化本平台服务，包括账户管理、红包领取与使用、社交互动等</li>
                            <li>根据您的兴趣和偏好，为您推荐可能感兴趣的红包、活动和内容</li>
                            <li>保障服务安全，防范和识别欺诈、滥用行为，保护您和其他用户的合法权益</li>
                            <li>与您沟通，包括发送服务通知、活动信息、安全提醒等</li>
                            <li>改进我们的服务，开发新功能和服务，进行数据分析和研究</li>
                            <li>遵守法律法规的要求，履行法定义务</li>
                        </ul>
                        <p>3.2 我们仅在实现上述目的所必需的范围内使用您的个人信息，如超出上述范围使用，我们将再次获得您的同意。</p>

                        <h3 id="disclosure">四、信息披露</h3>
                        <p>4.1 我们不会向第三方披露您的个人信息，除非符合以下情况：</p>
                        <ul>
                            <li>获得您的明确同意或授权</li>
                            <li>为提供您要求的服务所必需，如与合作商家共享您的红包使用信息</li>
                            <li>根据法律法规的要求，或应政府机关、司法机构的合法请求</li>
                            <li>为保护本平台、用户或公众的合法权益，在紧急情况下采取必要措施</li>
                            <li>与我们的关联公司共享，但我们会要求其遵守本政策的规定</li>
                            <li>在合并、收购、资产转让等情况下，如涉及个人信息转让，我们会要求受让方继续遵守本政策</li>
                        </ul>
                        <p>4.2 我们会要求接收您个人信息的第三方按照我们的要求、本政策的规定以及其他相关法律法规保护您的个人信息。</p>

                        <h3 id="storage">五、信息存储</h3>
                        <p>5.1 您的个人信息将存储在中华人民共和国境内。如因业务需要将信息传输至境外，我们将按照法律法规的要求进行，并采取适当措施保障您的信息安全。</p>
                        <p>5.2 我们将在实现本政策所述目的所必需的期限内保留您的个人信息，除非法律法规另有规定或您要求我们删除。</p>
                        <p>5.3 当您的个人信息不再需要用于本政策所述目的时，我们将采取合理措施删除或匿名化处理您的个人信息。</p>

                        <h3 id="security">六、安全保护</h3>
                        <p>6.1 我们采取多种安全措施保护您的个人信息，包括但不限于：</p>
                        <ul>
                            <li>技术措施：采用加密技术、访问控制、安全审计等技术手段保护信息安全</li>
                            <li>管理措施：建立严格的信息安全管理制度，限制信息访问权限，对员工进行安全培训</li>
                            <li>应急措施：制定信息安全事件应急预案，及时应对安全事件</li>
                        </ul>
                        <p>6.2 尽管我们采取了合理的安全措施，但请您理解，任何信息传输和存储都无法保证100%安全。您应妥善保管自己的账号和密码，如发现信息泄露，请立即联系我们。</p>

                        <h3 id="user-rights">七、用户权利</h3>
                        <p>7.1 您对自己的个人信息享有以下权利：</p>
                        <ul>
                            <li><span class="highlight">访问权</span>：您有权访问您的个人信息，包括您的注册信息、个人资料、使用记录等</li>
                            <li><span class="highlight">更正权</span>：如您发现您的个人信息有误，有权要求我们更正</li>
                            <li><span class="highlight">删除权</span>：在特定情况下，您有权要求我们删除您的个人信息</li>
                            <li><span class="highlight">撤回同意权</span>：您有权撤回对收集、使用您个人信息的同意，但这可能影响您使用部分服务</li>
                            <li><span class="highlight">账号注销权</span>：您有权申请注销您的账号，账号注销后我们将按照规定删除或匿名化处理您的信息</li>
                            <li><span class="highlight">投诉权</span>：如您认为我们处理您的个人信息违反法律法规或本政策，有权向我们投诉</li>
                        </ul>
                        <p>7.2 您可以通过本平台的相关功能或联系客服行使上述权利。我们将在合理期限内响应您的请求。</p>

                        <h3 id="third-parties">八、第三方服务</h3>
                        <p>8.1 本平台可能包含第三方提供的服务或链接，如支付服务、地图服务、社交分享等。这些第三方服务有其自身的隐私政策。</p>
                        <p>8.2 我们不对第三方的隐私政策和行为负责，建议您在使用第三方服务前仔细阅读其隐私政策。</p>

                        <h3 id="children">九、未成年人保护</h3>
                        <p>9.1 我们重视未成年人的个人信息保护。如您是未满18周岁的未成年人，应在监护人的指导下使用本平台服务，并获得监护人的同意。</p>
                        <p>9.2 如我们发现收集了未成年人的个人信息而未获得监护人同意，将及时删除相关信息。</p>
                        <p>9.3 监护人有权要求我们更正或删除未成年人的个人信息。</p>

                        <h3 id="changes">十、政策变更</h3>
                        <p>10.1 我们可能会根据法律法规的变化或业务发展需要更新本政策。</p>
                        <p>10.2 本政策更新后，我们将通过平台公告、弹窗等方式通知您。如您继续使用本平台服务，视为您接受更新后的政策；如您不接受，应停止使用本平台服务。</p>

                        <h3 id="contact">十一、联系我们</h3>
                        <p>11.1 如您对本政策有任何疑问或建议，或需要行使您的权利，请通过以下方式联系我们：</p>
                        <ul>
                            <li>客服电话：400-888-9999</li>
                            <li>客服邮箱：privacy@hongbaosheqiao.com</li>
                            <li>在线客服：本平台"我的-客服中心"</li>
                            <li>邮寄地址：北京市朝阳区XX大厦XX层 隐私保护部（邮编：100000）</li>
                        </ul>
                        <p>11.2 我们将在15个工作日内响应您的请求或反馈。</p>
                    </div>

                    <!-- 确认区域 -->
                    <div class="privacy-actions">
                        <div class="action-checkbox">
                            <input class="form-check-input" type="checkbox" id="agreePrivacy">
                            <label class="form-check-label" for="agreePrivacy">
                                我已阅读并同意上述隐私政策
                            </label>
                        </div>

                        <div class="action-buttons">
                            <button type="button" class="btn btn-outline-secondary me-2" id="cancelBtn">取消</button>
                            <button type="button" class="btn btn-primary" id="confirmBtn" disabled>确认同意</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>


<script>
	document.addEventListener('DOMContentLoaded', function () {
		// 隐私条款导航链接点击事件
		const privacyLinks = document.querySelectorAll('.privacy-links a');
		privacyLinks.forEach(link => {
			link.addEventListener('click', function (e) {
				e.preventDefault();

				// 移除所有链接的active类
				privacyLinks.forEach(l => l.classList.remove('active'));
				// 为当前点击的链接添加active类
				this.classList.add('active');

				// 平滑滚动到对应条款
				const targetId = this.getAttribute('href');
				const targetElement = document.querySelector(targetId);
				if (targetElement) {
					window.scrollTo({
						top: targetElement.offsetTop - 100,
						behavior: 'smooth'
					});
				}
			});
		});

		// 隐私政策同意复选框
		const agreeCheckbox = document.getElementById('agreePrivacy');
		const confirmBtn = document.getElementById('confirmBtn');

		agreeCheckbox.addEventListener('change', function () {
			confirmBtn.disabled = !this.checked;
		});

		// 确认按钮点击事件
		confirmBtn.addEventListener('click', function () {
			alert('您已同意隐私政策。');
			// 在实际应用中，这里可以记录用户的同意状态
		});

		// 取消按钮点击事件
		document.getElementById('cancelBtn').addEventListener('click', function () {
			if (confirm('您确定要取消吗？某些功能可能无法使用。')) {
				// 在实际应用中，这里可以返回上一页或执行其他操作
				window.history.back();
			}
		});

		// 移动端隐私条款导航处理 - 为小屏幕设备添加简单的展开/折叠功能
		if (window.innerWidth < 992) {
			const createMobileNav = () => {
				const mobileNav = document.createElement('div');
				mobileNav.className = 'privacy-nav mb-4';
				mobileNav.innerHTML = `
                        <h3 class="nav-title d-flex justify-content-between align-items-center">
                            隐私条款导航
                            <button class="btn btn-sm btn-outline-secondary" id="toggleNav">
                                <i class="fas fa-chevron-down"></i>
                            </button>
                        </h3>
                        <ul class="privacy-links" id="mobilePrivacyLinks" style="display: none;">
                            ${document.querySelector('.privacy-links').innerHTML}
                        </ul>
                    `;

				const privacyContainer = document.querySelector('.privacy-container');
				privacyContainer.parentNode.insertBefore(mobileNav, privacyContainer);

				// 添加点击事件
				document.getElementById('toggleNav').addEventListener('click', function () {
					const links = document.getElementById('mobilePrivacyLinks');
					const icon = this.querySelector('i');

					if (links.style.display === 'none') {
						links.style.display = 'block';
						icon.classList.remove('fa-chevron-down');
						icon.classList.add('fa-chevron-up');
					} else {
						links.style.display = 'none';
						icon.classList.remove('fa-chevron-up');
						icon.classList.add('fa-chevron-down');
					}
				});

				// 重新绑定链接事件
				document.querySelectorAll('#mobilePrivacyLinks a').forEach(link => {
					link.addEventListener('click', function (e) {
						e.preventDefault();

						// 关闭导航
						document.getElementById('mobilePrivacyLinks').style.display = 'none';
						document.querySelector('#toggleNav i').classList.remove('fa-chevron-up');
						document.querySelector('#toggleNav i').classList.add('fa-chevron-down');

						// 平滑滚动
						const targetId = this.getAttribute('href');
						const targetElement = document.querySelector(targetId);
						if (targetElement) {
							window.scrollTo({
								top: targetElement.offsetTop - 100,
								behavior: 'smooth'
							});
						}
					});
				});
			};

			createMobileNav();
		}
	});
</script>

    
